import Vue from 'vue'
import VueRouter from "vue-router";
import MySports from "@/views/MySports.vue"
import MyIndex from "@/views/MyIndex.vue"
import MyOrder from "@/views/MyOrder.vue"
import MyNews from "@/views/MyNews.vue"
import sportsIndex from "@/views/SportsIndex.vue"
import SportsCn from "@/views/SportsCn.vue"
import SportsFo from "@/views/SportsFo.vue"
Vue.use(VueRouter)
const router = new VueRouter({
  routes: [
    { path: '/', redirect: '/index' },
    { path: '/index', component: MyIndex },
    { path: '/order', component: MyOrder },
    { path: '/news', component: MyNews },
    {
      path: '/sports',
      component: MySports,
      children: [
        { path: 'si', component: sportsIndex },
        { path: 'sc', component: SportsCn },
        { path: 'sf', component: SportsFo },
      ]
    },
  ]
})

export default router